﻿@charset "utf-8";
/* CSS Document */
html, body, applet,p, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ word-wrap:break-word; word-break:break-all; padding:0; margin:0; list-style:none; outline:0; -webkit-tap-highlight-color:rgba(0,0,0,0); font:inherit; font-size:14px; vertical-align:baseline; font-family:'Microsoft YaHei',Helvetica,Arial,sans-serif; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
body{overflow-x:hidden; font-size:1em;}
button,input,option,select,textarea,em{ -webkit-appearance:none; -webkit-text-size-adjust:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); border-radius:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; border-radius:0;}
button,img,input,nav,textarea,video{border:0;}
/*body,td{font-size:.9em}*/
a,a:visited{text-decoration:none;-webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body,html{height:100%; background: #f5f5f5;}
.clear{ clear:both; padding:0; margin:0; line-height:0;}
.clearfix{zoom:1;}
.clearfix:after,.clearfix:before{content:"";display:block;height:0;width:0;visibility:hidden}
.clearfix:after{clear:both;}

.mainBox{ left:0; top:0; right:0; bottom:0; margin:auto; z-index:1; background:#f5f5f5;}
.mainBoxN{position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;z-index:2; background:rgba(10, 97, 255, 0.6);}
.bg{ background:url(../../images/account/bg.jpg) no-repeat scroll center center;}

/*头部内容*/
.topTool{ height:60px; background:#FFF;}
.topToolM{ width:1200px; margin:0 auto;}
.header{ height:60px; background:#FFF; }
.header1{ padding:10px 0; background:#FFF; }
.headerM{ width:1200px; margin:0 auto; position:relative}
.headerM .logo{ background:#FFF; position:absolute; padding:0px 60px 00px 0px;}
.headerM .logo img{ width:400px;height:60px;}
.headerM .logo span{display:block;position:absolute;top: 44px;left: 133px;letter-spacing: 7px;color: #666;font-size: 15px;}
.headerM .logo1 { padding:8px 0 0; float:left; position:relative;}
.headerM .logo1 img{ width:300px;height:45px;}
.headerM .logo1 span{display:block;position:absolute;bottom:0;left: 55px;letter-spacing: 4px;color: #666;font-size: 12px;}
.userBox{ float:right; position:relative;}
.userBox .userImg{ height:60px; line-height:60px;}
.userBox .userImg dt{ float:left; width:40px; height:40px; line-height:40px; margin:10px; color:#FFF; border-radius:50%; text-align:center;}
.userBox .userImg dt i{ font-size:26px; vertical-align:sub;}
.userBox .userImg dd{ overflow:hidden}
.userBox .setList{ position:absolute; right:0; top:60px; background:#FFF; width:150px; padding:5px 0; border-radius:0 0 3px 3px; display:none; z-index:6;}
.userBox .setList li{ padding:5px 0;}
.userBox .setList li a{display:block; height:30px; line-height:30px; text-align:center; margin:0 10px; cursor:pointer; border:1px solid #eaeaea;}
.userBox:hover .setList{ display:block;}
.userBox:hover .setList li a{ color:#666;}
.userBox:hover .setList li a:hover{  background:#307ae8; border:1px solid #307ae8; color:#FFF;}
nav{ overflow:hidden; padding:10px 0 0 50px;}
nav a{ display:inline-block; vertical-align:middle; height:40px; line-height:40px; padding:0 13px; color:#333; font-size: 15px;}
nav a:hover{  font-weight:bold; color:#307ae8; border-bottom:2px solid #307ae8;}
nav a.on{ font-weight:bold; color:#307ae8; border-bottom:2px solid #307ae8;}


.loginBox{ height:0; width:1200px; margin:0 auto; position:relative}
.login{position:absolute; right:0; top:70px; z-index:5; width:360px; height:360px;background:#FFF; border-radius:5px;}
.login h3 { border-bottom:1px solid #eaeaea; height:50px; line-height:50px; font-size:0; display:flex;}
.login h3 label{ font-size:16px; flex:1; display:block; text-align:center; position:relative;}
.login h3 label input{ position:absolute; opacity:0; left:0; top:0; width:100%; height:100%; margin:0; cursor:pointer;}
.login h3 label.on{ color:#307ae8; border-bottom:1px solid #307ae8;}
.login ul { padding:20px;}
.login ul li{ height:70px;}
.login ul li em{ float:left; width:40px; height:40px; line-height:40px; text-align:right; text-align:center;}
.login ul li em i{ font-size:22px; vertical-align:sub; color:#666;}
.login ul li .rightCon{ overflow:hidden;} 
.login ul li .rightCon input{ height:40px; padding:0 8px; box-sizing:border-box; width:100%; border-bottom:1px solid #eaeaea;}
.login .loginBut{ padding:0 20px;}
.login .loginBut input[type='button']{ width:100%; height:40px; line-height:40px; background:#f1d301; color:#82520b; font-size:16px; letter-spacing:1px; border-radius:3px; cursor:pointer;}
.login .loginBut input[type='button']:hover{background:#ffc800;}


.topMenus{height:0; width:1200px; margin:0 auto; position:relative;}
.topMenus .Menus{ position:absolute; right:0; top:70px; z-index:5; width:500px; height:360px;background:rgba(159, 202, 255, 0.4); border-radius:5px;}
.topMenus .Menus a{ display: inline-block; width:200px; height:40px; line-height: 40px; text-align: center; background: #307ae8; color: #FFF; border-radius: 5px; margin: 20px 0 0 33px; border: 1px solid #85abe4;}
.topMenus .Menus a:hover{background: #4c90f7;}

/*中间信息内容*/
.content{ width:1200px; margin:20px auto 0;min-height:600px;}
.content .rightBox{ float:right; width:400px; margin:0 0 0 40px;}
.content .rightBox h3{ height:40px; line-height:40px; border-bottom:1px solid #dedede;}
.content .rightBox h3 span{ display:inline-block; background:#307ae8; color:#FFF; font-size:15px; border-radius:0px 40px 0 40px; padding:0 35px; height:30px; line-height:30px;}
.content .rightBox h3 a{ float:right; font-size:12px; color:#999;}
.content .rightBox ul li{ padding:10px; background:#FFF; margin:10px 0;}
.content .rightBox ul li div.imgBox{ float:left; width:135px; height:100px; position:relative; margin:0 10px 0 0;}
.content .rightBox ul li div.imgBox img{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; width:100%; height:100%;}
.content .rightBox ul li .rightCon{ overflow:hidden;}
.content .rightBox ul li .rightCon h4 {padding:0 0 5px;}
.content .rightBox ul li .rightCon h4 a{ color:#333; font-size:15px;}
.content .rightBox ul li:hover .rightCon h4 a{ color:#307ae8; font-size:15px;}
.content .rightBox ul li .rightCon p{ color:#999; font-size:13px; line-height:1.8em; max-height: 50px; overflow: hidden;}
.content .rightBox ul li .rightCon .mes span{color: #999;}
.notice{ height:40px; line-height:40px; background:#e1ecfd; color:#307ae8; border-radius:3px; margin:0 0 10px; padding:0 10px; letter-spacing:.5px;}
.notice i{ vertical-align:middle; margin:0 5px 0 0;}
.content .leftBox{ overflow:hidden}
.content .leftBox h3{ height:40px; line-height:40px; border-bottom:1px solid #dedede; margin:0 0 10px;}
.content .leftBox h3 span{ display:inline-block; background:#307ae8; color:#FFF; font-size:15px; border-radius:0px 40px 0 40px; padding:0 35px; height:30px; line-height:30px;}
.content .leftBox h3 a{ float:right; font-size:12px; color:#999;}
.content .leftBox .subjectList{ padding:10px;}
.content .leftBox .subjectList span{ display:inline-block; height:30px; line-height:30px; padding:0 15px; border-radius:50%; margin:0 10px 0 0; cursor:pointer;}
.content .leftBox .subjectList span:hover{ background:#bad6ff; color:#0850bb;}
.content .leftBox .subjectList span.on{ background:#307ae8; color:#FFF;}
.content .leftBox .conList .conBox{ float:left; width:49%; margin:0 0 20px 15px; background:#FFF; padding:10px; box-sizing:border-box;}
.content .leftBox .conList .conBox:nth-child(odd){ margin:0 0 20px;}
.content .leftBox .conList .conBox .imgBox{ width:160px; height:130px; float:left; position:relative; background:rgba(0,0,0,.8);}
.content .leftBox .conList .conBox .imgBox img{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%; z-index:1;}
.content .leftBox .conList .conBox .imgBox .enter{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; background:rgba(0,0,0,.6); z-index:2; display:none;}
.content .leftBox .conList .conBox .imgBox .enter a{ display:block; height:30px; text-align:center; line-height:30px; width:50%; border-radius:50px; background:#307ae8; color:#FFF; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.content .leftBox .conList .conBox .imgBox .enter a:hover{ background:#5083d0; color:#FFF;}
.content .leftBox .conList .conBox dl{ overflow:hidden; padding:0 10px}
.content .leftBox .conList .conBox:hover .imgBox .enter{ display:block; cursor:pointer;}
.content .leftBox .conList .conBox dl dt{ font-size:16px; height:30px;  line-height:30px; overflow:hidden;}
.content .leftBox .conList .conBox dl dd{ color:#666;}
.content .leftBox .conList .conBox dl dd p{ padding:5px 0 0; color:#999; float:left; width:50%;}
.content .leftBox .paging{ text-align: center;}

.content .hotBox{ padding: 0 0 20px;}
.content .hotBox h3{ height: 40px; line-height: 40px;}
.content .hotBox h3 span{ display:inline-block; background:#307ae8; color:#FFF; font-size:15px; border-radius:0px 40px 0 40px; padding:0 35px; height:30px; line-height:30px;}
.content .hotBox .hotBoxN{ float:left; width:230px; margin:0 0 0 12px; background:#FFF;}
.content .hotBox .hotBoxN:hover{ box-shadow:0 2px 4px #c5c5c5;}
.content .hotBox .hotBoxN:nth-child(1){ margin:0;}
.content .hotBox .hotBoxN .imgBox{ width:100%;height:160px; position:relative;}
.content .hotBox .hotBoxN .imgBox img{ width:100%; height:100%;}
.content .hotBox .hotBoxN .imgBox p{ background:rgba(0,0,0,.6); color:#FFF; position:absolute; left:0; top:auto; right:0; bottom:0; margin:auto; height:30px; line-height:30px; text-align:right; padding:0 10px;}
.content .hotBox .hotBoxN dl { padding:0 10px; height:75px;}
.content .hotBox .hotBoxN dl dt{ font-size:15px; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.content .hotBox .hotBoxN dl dt a{ color: #333;}
.content .hotBox .hotBoxN dl dd{ padding:0 0 5px;}
.content .hotBox .hotBoxN dl dd em{ float:right; text-align:center; margin:0 0 0 5px; }
.content .hotBox .hotBoxN dl dd em i{ font-size:15px;}
.content .hotBox .hotBoxN dl dd em span{ display:block; font-size:12px;}
.content .hotBox .hotBoxN dl dd p{ overflow:hidden; height:40px; font-size:13px; color:#999; line-height:1.5em;}
.content .hotBox .hotBoxN .mes{ padding:0 10px 10px; text-align: right;}
.content .hotBox .hotBoxN .mes em{ color:#999; padding: 0 0 0 10px;}
.content .hotBox .hotBoxN .mes em i{ font-size:15px; padding:0 5px 0 0;}
.content .hotBox .hotBoxN .mes em span{ font-size:12px;}

/*首页新闻样式*/
.newBox { padding:0 0 20px;}
.newBox .newContentBox{ float:left;  width:580px;}
.newBox .newContentBox .more{ font-size:10px;}
.newBox .newContentBox ul li{ height:35px; line-height:35px; text-align:right;}
.newBox .newContentBox ul li a{ float:left; text-align:justify; color:#666; padding:0 0 0 20px; width:320px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative;  margin:0 20px 0 0;}
.newBox .newContentBox ul li a::after{ content:""; background:#307ae8; width:6px; height:6px; border-radius:50%; overflow:hidden; position:absolute; left:5px; top:0; right:auto; bottom:0; margin:auto;}
.newBox .newContentBox ul li  span{ color:#999; display:inline-block; }
.newBox .newContentBox ul li  em{ color:#999; float:left;}
.newBox .newContentBox .noNew{ height:200px; line-height:200px;  text-align:center; font-size:15px; color:#999;}
.newBox .newContentBox:first-child{ margin:0 40px 0 0;}

/*底部内容*/
.footer{ text-align:center; border-top:1px solid #eaeaea; margin:20px 0 0; padding:20px 0;background:#FFF;}
.footerM{ width:1200px; margin:0 auto;}
.footer p{ padding:5px 0;}

/*列表样式*/
.ListPage .rightTool{ float:right; width:240px; margin:0 0 0 40px; background:#FFF;}
.ListPage .rightTool .bts{ padding:0 10px;}
.ListPage .ListBox{ overflow:hidden; background:#FFF;padding:20px;width:100%}
.ListPage .ListBox h3{ margin:0 10px; height:40px; line-height:40px;}
.ListPage .ListBox h3 span{ font-size:16px;}
.ListPage .ListBox ul li{ padding:10px 0; border-bottom:1px solid #eaeaea; margin:0 10px;}
.ListPage .ListBox ul li .imgBox{ float:left; width:180px; height:135px; position:relative; background:rgba(0,0,0,.6); border-radius:5px; overflow:hidden; margin:0 10px 0 0;}
.ListPage .ListBox ul li .imgBox img{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}
.ListPage .ListBox ul li .rightCon{ overflow:hidden; padding:0 20px 0 0;}
.ListPage .ListBox ul li .rightCon h4{ max-height:24px; margin:0 0 5px; overflow:hidden; color:#333;}
.ListPage .ListBox ul li .rightCon h4 a{ color:#225eb9; font-size:16px;}
.ListPage .ListBox ul li .rightCon .introduce{ color:#666; line-height:1.5em; max-height:65px; overflow:hidden;}
.ListPage .ListBox ul li .rightCon .toolbar{ color:#999; padding:5px 0;}
.ListPage .ListBox ul li .rightCon .toolbar span.on{ color:#307ae8;}
.ListPage .ListBox ul li .rightCon .toolbar span{ margin:0 10px 0 0;}
.ListPage .ListBox ul li .rightCon .toolbar span i{ margin:0 5px 0 0;}
.ListPage .ListBox ul li .rightCon .fileBox .file{ float: left; border: 1px solid #eaeaea;}
.ListPage .ListBox ul li .rightCon .fileBox .file img{ float: left; width: 23px; margin: 5px;}
.ListPage .ListBox ul li .rightCon .fileBox .file p{height: 35px; line-height: 35px;}
.ListPage .ListBox ul li .rightCon .fileBox .file p a{ color:#307ae8; padding: 0 0 0 5px; cursor: pointer;}
.ListPage .ListBox ul li .bts{ float:right;}
.ListPage .ListBox .pageing{ line-height:normal; padding:10px 0; text-align:center;}
.ListPage .ListBox .pageing li{ line-height:28px; padding:0; border:none;}
.ListPage .tabBox{ background:#f5f5f5; margin:0 10px 20px; border-radius:3px; overflow:hidden; box-shadow:0 1px 2px #c5c5c5; height:40px;}
.ListPage .tabBox a{ display:inline-block; height:40px;color:#333; line-height:40px; box-sizing:border-box; padding:0 20px;cursor:pointer;}
.ListPage .tabBox a.on{ border-top:2px solid #307ae8; color:#307ae8; background:#FFF;}
.topbts{ text-align:right; padding:0 10px 10px;}
.topbts .searchBox{float: left; text-align: justify;}
.topbts .searchBox em{ margin:0 5px 0 10px;}
.topbts .moreSearchBt{ text-align:center; color:#999; border-bottom:1px solid #eaeaea; height:10px; margin:10px 0 20px;}
.topbts .moreSearchBt span{ background:#FFF; cursor:pointer; }
.topbts .moreSearch{ text-align:justify;}
.topbts .moreSearch em{ margin:0 0 0 10px;}
/*通用白色背景外框*/
.whiteBackgroundBox{ background:#FFF; padding:20px; min-height:600px;}

/*通用内容*/
.rightCon{ overflow:hidden;}
.paging{ padding:10px 0; text-align:center;}
.title{ font-size: 20px; padding: 0 0 10px;}
.topSearch span{ margin-left:10px;}
.topSearch .rightBts{ float: right;}
.pageing{ line-height:normal; padding:10px 0; text-align:center;}
/*新增内容*/
.addPage{ background:#FFF; padding:0 0 20px; border-radius:5px;}
.addPage h3{ height:50px; line-height:50px; margin:0 0 10px;}
.addPage h3 span{font-weight:normal; font-size:16px; padding:0 20px;}
.addPage .rightCon{ padding:0 20px 0 0;}

/*项目中心内容*/
.conditionBoxN{ padding:10px 0;}
.conditionBoxN em{ float:left; width:80px; margin:0 5px 0 0; color:#999; text-align:right;  height:30px; line-height:30px;}
.conditionBoxN .rightCon{ overflow:hidden;}
.conditionBoxN .rightCon span{ display:inline-block; height:30px; cursor:pointer; border-radius:50px; line-height:30px; padding:0 15px;}
.conditionBoxN .rightCon span.on{ background:#307ae8; color:#FFF;}
.ExperimentCenterList{min-height:400px;}
.Experiment{ float:left; width:50%; padding:10px; box-sizing:border-box;}
.Experiment .imgBox{ float:left; position:relative; width:160px; height:160px; border-radius:5px; overflow:hidden; margin:0 10px 0 0; background:rgba(12, 50, 107, 0.8);}
.Experiment .imgBox img{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-height:96%; max-width:96%;}
.Experiment .imgBox span{ background: #307ae8; color: #FFF; position: absolute; right: 0; top: 0; padding: 5px;z-index: 2;  border-radius:0 0 0 5px;}
.Experiment h4{ color:#225eb9; max-height:40px; overflow: hidden; font-size:16px;cursor:pointer;display:inline }
.Experiment h4 a{color: #333; overflow: hidden; display: block; font-size:16px; }
.Experiment h4 span{ float: right; text-align: center; border-radius: 50px;color: #307ae8; padding:5px 10px; font-weight: normal;}
.Experiment h4 span i{ display: block;}
.Experiment p{ color:#666; padding:10px 0 0; max-height: 40px; overflow: hidden;}
.Experiment .stateBox{ padding:5px 0 0;}
/* .Experiment ul li em{ float: left; width:100px; text-align: right;} */
.Experiment .stateBox span{ color:#999; padding:0 20px 0 0;}
.Experiment .stateBox span i{ font-size:16px; margin:0 5px 0 0;}

/*学生作品列表页面*/
.worksList .workBox{ margin:20px 0; background:#f5f5f5; position:relative;}
.worksList .workBox .userMes{ position:absolute; left:0; top:0; right:auto; bottom:0; margin:auto; box-sizing:border-box; background:url(../images/account/peoImg.jpg) no-repeat scroll center bottom #2792d3; background-size:100% auto; width:180px; padding:20px 0;}
.worksList .workBox .userMes .imgBox dt{ width:80px; height:80px; margin:auto; position:relative; background:#FFF; border-radius:50%; border:5px solid #c1ddff; overflow:hidden;}
.worksList .workBox .userMes .imgBox dt img{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}
.worksList .workBox .userMes .imgBox dd{ text-align:center; font-size:16px; color:#FFF; font-weight:bold; padding:10px 0;}
.worksList .workBox .userMes ul li{ color:#FFF; padding:5px 0;}
.worksList .workBox .userMes ul li em{ width:4em; text-align:right; float:left;}
.worksList .workBox .userMes ul li p{ overflow:hidden;}
.worksList .workBox .worksContent{ overflow:hidden; padding-left:180px; min-height:280px;}
.worksList .workBox  .scoreSet{ padding-right:180px;}
.worksList .workBox  .scoreBox{ position:absolute; left:auto; top:0; right:0; bottom:0; margin:auto; box-sizing:border-box;  background:#fffcf0; width:180px; padding:20px 0; border-left:1px solid #ece6cb; text-align:center;}
.worksList .workBox  .scoreBox div { padding:5px 0;}
.worksList .workBox  .scoreBox div b{ font-size:32px;  font-weight:bold; padding:0 5px; color:#f1c800; }
.worksList .workBox  .scoreBox div  p{ display:inline-block; padding:10px 20px; border-radius:3px;}
.worksList .workBox  .scoreBox div  p:hover{ background:#f1fdea;}

.worksList .workBox .worksContent h4{ height:40px; line-height:40px; padding:0 10px;}
.worksList .workBox .worksContent h4 span{ font-weight:bold; font-size:16px; color:#307ae8;}
.worksList .workBox .worksContent .message{ margin:0 10px; background:#FFF; min-height:100px; border-radius:5px; padding:10px; box-sizing:border-box;}
.worksList .workBox .worksContent .imgList{ padding:10px;}
.worksList .workBox .worksContent .imgList .imgBox{ float:left; width:60px; height:60px; overflow:hidden; position:relative; background:rgba(0,0,0,.6); margin:0 5px 0 0;}
.worksList .workBox .worksContent .imgList .imgBox img{position:absolute; left:0; top:0; right:0; bottom:0; margin:auto!important; max-width:100%; max-height:100%;}
.worksList .workBox .worksContent .toolbar{ padding:0 10px; height:30px; line-height:30px; margin: 0 0 10px;}
.worksList .workBox .worksContent .toolbar span{  color:#999; cursor:pointer;}
.worksList .workBox .worksContent .toolbar span i{ font-size:20px; vertical-align:middle; margin:-2px 0 0 0;}
.worksList .workBox .worksContent .toolbar span.on{ color:#307ae8;}

.replyBox{  padding:0 10px 10px;}
.replyBox .peoMessage{ padding:0 0 10px;}
.replyBox .peoMessage .imgBox{ float:left; width:32px; height:32px; margin: 0 10px 0 0; position:relative; background:#FFF; border-radius:50%;  overflow:hidden; border:2px solid #8cc4e8;}
.replyBox .peoMessage .imgBox img{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}
.replyBox .peoMessage h5{ padding:0 0 5px;}
.replyBox .peoMessage h5 span{ color:#307ae8; margin:0 10px 0 0;}
.replyBox .peoMessage h5 time{ color:#999;}
.replyBox .peoMessage .mes{ background:#FFF; border-radius:3px; padding:10px;}
.replyBox .peoMessage .tool span{ color: #999;}
.replyBox .peoMessage .tool span.on{ color: #307ae8;}
.replyBox .bts{ text-align:right;}


/*学生参与活动页面*/
.ExperimentJoinBox{}
.ExperimentRequirement{ background:#FFF;}
.ExperimentRequirement .imgBox{ float:right; position:relative; width:400px; height:300px;}
.ExperimentRequirement .imgBox img{  position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}
.ExperimentDescribe h3{  font-size: 18px; margin: 0 0 10px;}
.ExperimentDescribe ul li { padding: 10px 0;}
.ExperimentDescribe ul li em{ float: left; width:100px; color: #999;}
.ExperimentDescribe .setBts{ text-align: center;}

.ExperimentDescribeBox{ padding: 0 0 20px;}
.ExperimentDescribeBox .imgBox{ float: right; width: 320px; min-height: 240px; position: relative; margin:  0 0 0 20px; background: rgba(0,0,0,.6); border-radius: 5px; overflow: hidden;}
.ExperimentDescribeBox .imgBox img{ position: absolute; max-width: 100%; max-height: 100%; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.ExperimentDescribeBox .rightImg{ float:right;}
.ExperimentDescribeBox .ExperimentDescribeMes{ overflow: hidden; background: #f3f3f3; padding: 20px; min-height:240px;  box-sizing:border-box;}
.ExperimentDescribeBox .ExperimentDescribeMes ul li{ padding: 0 0 10px; color: #666; }
.ExperimentDescribeBox .ExperimentDescribeMes ul li em{ float: left; width: 80px; text-align: right;margin: 0 10px 0 0;}
.ExperimentDescribeBox .ExperimentDescribeMes ul li .fileBox .file{ float: left; background: #FFF; padding: 5px; margin: 0 5px 5px 0; width: 30%;}
.ExperimentDescribeBox .ExperimentDescribeMes ul li .fileBox .file .imgBox_1{ width: 40px; height: 40px; position: relative; float: left; margin: 0 5px 0 0;}
.ExperimentDescribeBox .ExperimentDescribeMes ul li .fileBox .file .imgBox_1 img{ position: absolute; margin:auto; max-width:100%; max-height:100%;}
.ExperimentDescribeBox .ExperimentDescribeMes ul li .fileBox .file p{ overflow: hidden; height:40px;}
.ExperimentDescribeBox .ExperimentDescribeMes .describe p{  line-height:1.5em; overflow:hidden;}
.ExperimentDescribeBox .setBts{ text-align: center; padding:10px 0;}


/*新闻公告页面样式*/
.NewContent h3{height:50px; line-height:50px; margin:0 0 10px; border-bottom:1px solid #eaeaea;}
.NewContent h3 span{font-weight:normal; font-size:16px; padding:0 20px;}
.newsBox .top{ text-align:center; padding:20px 0; border-bottom:1px solid #eaeaea; }
.newsBox .top h3{ font-size:30px; color:#333; font-weight:bold;}
.newsBox .top p{ padding:10px 0;}
.newsBox .top p span{ color:#999; display:inline-block; padding:0 10px;}
.newsBox .body{ margin:20px 0 0;}
/*头部任务弹层头像*/
.mySelf .imgBox{ text-align:center;}
.mySelf .imgBox .avatar-uploader .el-upload{ width:150px; height:150px;}
.mySelf .imgBox .avatar-uploader .el-upload img{ width:100%; height:100%}
/*列表无数据样式*/
.nodata { height: 200px; line-height: 200px;text-align: center; color: #909399;}

.el-image [class*=" el-icon-"], .el-image [class^=el-icon-]{ font-size:30px; color:#FFF;}

.el-upload-list--picture .el-upload-list__item{ float:left; width:30%; margin: 0 10px 0 0;}
.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{ line-height:1.5em!important; white-space:normal!important; height:68px;}